<template>
  <div class="patient-info">
    <ul>
      <!--      <li class="user">-->
      <!--        <span>{{ userInfo.name }}</span>-->
      <!--        <span>{{ userInfo.sex }}</span>-->
      <!--        <span>{{ userInfo.birth }}</span>-->
      <!--        <span>{{ patientInfo.height }}cm/{{ patientInfo.weight }}kg</span>-->
      <!--      </li>-->
      <!--      <li>-->
      <!--        <em>过敏史：</em>-->
      <!--        <span class="allergy-history">{{ patientInfo.allergyHistory }}</span>-->
      <!--      </li>-->
      <!--      <li>-->
      <!--        <em>住院号：</em>-->
      <!--        <span>{{ patientInfo.inpatientNo }}</span>-->
      <!--      </li>-->
      <li>
        <em>姓名：</em>
        <span>{{ userInfo.name }}</span>
      </li>
      <li>
        <em>性别：</em>
        <span>{{ userInfo.sex }}</span>
      </li>
      <li>
        <em>出身日期：</em>
        <span>{{ userInfo.birth }}</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'PatientInfo',
  computed: {
    userInfo() {
      return this.$store.getters.userInfo
    }
  }
}
</script>

<style lang="scss" scoped>
.patient-info{
  height: 136px;
  padding-top: 30px;
  padding-right: 10px;
  border-bottom: 2px solid #DBDBDB;
  font-size: 18px;
  font-weight: bold;
  color: #4A5157;
  li{
    margin-bottom:14px;
    .allergy-history{
      color: #F9A230;
    }
  }
  .user{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
</style>
